<template>
  <div class="com-new">
    data--{{ a }}
    <div>cc--{{ b }}</div>
    <ul>
      <li v-for="item in personList" :key="item.id">{{ item.name }}--{{ item.age }}</li>
    </ul>
  </div>
</template>

<script setup name="comNew" lang="ts">
import { type Person,type Persons } from '../types';
import { reactive } from 'vue';


let personList:Persons = reactive([
  {
    id: '1111',
    name: '小白兔',
    age: 18
  },
  {
    id: '222',
    name: '小兔兔',
    age: 20
  },
  {
    id: '333',
    name: '小黑黑',
    age: 22
  }
])

let a = 100;
let b = 200;



</script>

<style scoped>
.com-new{
    height: 100px;
    background: pink;
}
</style>